<template>
    <div id="app">
        <Topbar/>
        <Desktop/>
<!--        <Desktop/>-->
    </div>
</template>

<script>
    import Desktop from "./draggable/Desktop"
    import Topbar from "./draggable/topbar"
    export default {
        name: 'App',
        components: {
            Desktop,
            Topbar
        }
    }
</script>

<style>
    #app {
        font-family: Avenir, Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        height: 100%;
        width: 100%;
        font-size: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    html, body {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
    }

</style>

